<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>洋码头 - 让人放心的海外购物社区货 - 购物车</title>
    <link rel="stylesheet" href="../styles/public.css">
    <link rel="stylesheet" href="../styles/head.css">
    <link rel="stylesheet" href="../styles/shopcarts.css">
    <link rel="stylesheet" href="../styles/foot.css">

</head>

<body>
    <div id="pageHeader" style="margin-bottom: 30px;">
        <div class="topbar global-wrap">
            <div class="inner">
                <div class="topnar-fl">
                    Hi，欢迎来到洋码头！
                    <span class="user-type" style="padding-left: 10px;display: inline-block;">
                            <a href="//seller.ymatou.com/Seller" target="_blank">我是买手</a>
                        </span>
                </div>
                <ul class="nav topbar-fr">

                    <li class="nav-item">
                        <a href="//www.ymatou.com/shopping/shoppingcart" target="_blank"><span class="title">购物车</span></a>
                    </li>
                    <li class="nav-item">
                        <a href="//www.ymatou.com/ordercenter/orders" target="_blank"><span class="title">我的订单</span></a>
                    </li>
                    <li class="nav-item">
                        <a href="//www.ymatou.com/my" class="downmenu" target="_blank"><span class="title">个人中心</span><!--<i class="arrow-bt"></i>--></a>
                    </li>
                    <li class="nav-item" style="margin-left: -10px">
                        <a href="//www.ymatou.com/home/rule" target="_blank"><span class="title">规则&amp;公告</span></a>
                    </li>
                    <!--<li class="nav-item">-->
                    <!--<a href="http://evt.ymatou.com/activity_3135_pc?app_banner=home_page" target="_blank"><span class="title">手机洋码头</span></a>-->
                    <!--</li>-->
                </ul>
            </div>
        </div>

        <div class="rightbar">
            <ul class="rightbar-inner" style="padding:270px 0 0;">
                <li class="item user"><a href="//www.ymatou.com/my" target="_blank" title="我"><i class="rightbar-icon rti-user"></i></a></li>
                <li class="item">
                    <a href="#" style="padding-bottom: 2px;" target="_blank" title="购物车">
                        <i class="rightbar-icon rti-cart"></i><span class="title">购<br>物<br>车</span>

                        <em class="tips" style="display:none;">1</em>

                    </a>
                </li>
                <li class="item">
                    <a style="padding-bottom: 2px;" onmouseover="$(&quot;#qrcodeContainer&quot;).show();" onmouseout="$(&quot;#qrcodeContainer&quot;).hide();" title="二维码"><i class="rightbar-icon rti-code"></i></a>
                    <div id="qrcodeContainer" style="position: absolute; top: 0px; left: -102px; z-index: 1; width: 102px; height: 126px; background: rgb(56, 56, 56); display: none;">
                        <img src="//pic1.ymatou.com/G02/M02/FB/5C/CgvUBFht9-CADvH8AAAW6VtgvkI439_62_63_w_o.png" title="洋码头二维码" style="width: 62px;height: 63px;display: block;margin: 10px auto;">
                        <span>下载APP领取<br>260元新人礼包</span>
                    </div>
                </li>
                <li class="item">
                    <a style="padding-bottom: 2px;" href="javascript:void(0)" onclick="javascript:document.documentElement.scrollTop = document.body.scrollTop =0" title="置顶"><i class="rightbar-icon rti-top"></i><span class="title">TOP</span></a>
                </li>
            </ul>
        </div>
    </div>
    <div class="shopping-cart-wrap">
        <div class="sw-hd">
            <a href="/" class="logo"></a><span class="title">
                购物车
                
                
                </span>
            <ul class="step-bar">
                <li class="active"><em>1</em>我的购物车<i class="blackfive-icon bi-arrow"></i></li>
                <li><em>2</em>提交订单<i class="blackfive-icon bi-arrow"></i></li>
                <li><em>3</em>选择支付方式</li>
            </ul>
        </div>
        <div class="sw-bd showGoods" style="display: none">
            <div class="total-bar"><span class="title">全部商品  <em class="total">&nbsp;</em></span></div>
            <p class="tips">海外买手会根据现行国家政策要求，通过不同的物流方式分别发货，其实对你没有影响啦~</p>
            <div class="table-title">
                <span class="check-all hookCheckAll"><label><i class="blackfive-icon bi-checkbox hookCheckAllCheckbox"></i>全选</label></span>
                <span class="product-info">商品信息</span>
                <span class="price">单价(元)</span>
                <span class="count">数量</span>
                <span class="sum">金额(元)</span>
                <span class="operate">操作</span>
            </div>
            <div class="product-list-wrap" id="prodListContainer" data-promotion="1">
                <ul class="product-bd hookProdList clear">

                </ul>
            </div>
            <div class="account-wrap clear" style="position: relative;">
                <div class="aw-l">
                    <span class="check-all hookCheckAll"><label><i class="blackfive-icon bi-checkbox hookCheckAllCheckbox"></i>全选</label></span>
                </div>
                <div class="aw-r">
                    <span class="aw-info">已选 <em class="num hookSelectedProdNum">0</em> 件商品，总价<span id="DiscountAmount"></span>：<em class="unit">¥</em><em class="total hookCartTotalPrice">0.00</em></span>
                    <button class="account-btn disabled" id="toSettleAccountsBtn">结算</button>
                </div>
            </div>
        </div>
        <div class="sw-bd showEmpty" style="display: none">
            <div class="total-bar"><span class="title">全部商品  <em class="total">0</em></span></div>
            <div class="shopping-cart-null">
                <div class="no-result">
                    <span class="no-result-bg"></span>
                    <span class="no-result-msg">购物车还是空空的呢，快去逛逛吧&gt;&gt;</span>
                </div>
            </div>
        </div>
        <div class="sw-ft">
            <div class="mod-box mod-like">
                <div class="mb-hd">
                    <ul class="mod-tab">
                        <li class="item active"><i class="blackfive-icon bi-like"></i>猜你喜欢</li>
                        <!-- <li class="item">根据你的浏览记录推荐的商品</li> -->
                    </ul>
                </div>
                <div id="glProducts" class="mb-bd" style="height: auto; background: rgb(255, 255, 255);">
                    <ul class="product-list">

                    </ul>
                </div>
            </div>
        </div>
    </div>
    <!-- foot -->
    <div class="wrapper footer clear" module_name="user_guarantee">
        <div class="matou-server" style="padding:10px 0;height:60px">
            <a class="matou-server-link" style="color:#fff;" href="//www.ymatou.com/help/zhengpin.html" target="_blank">
                <img src="">
            </a>
        </div>
        <div class="area">
            <div id="bottom_list" class="bottom_list">
                <ul class="dl">
                    <li class="dt">购物指南</li>
                    <li><a href="//help.ymatou.com/help_01.html" target="_blank" rel="nofollow">注册与登录</a></li>
                    <li><a href="//help.ymatou.com/help_02.html" target="_blank" rel="nofollow">账户信息维护</a></li>
                    <li><a href="//help.ymatou.com/help_05.html" target="_blank" rel="nofollow">购物流程</a></li>
                    <li><a href="//help.ymatou.com/help_09.html" target="_blank" rel="nofollow">会员体系</a></li>
                    <li><a href="//help.ymatou.com/help_01_1.html" target="_blank" rel="nofollow">常见问题</a></li>
                </ul>
                <ul class="dl">
                    <li class="dt">订单服务</li>
                    <li><a href="//help.ymatou.com/help_07.html" target="_blank" rel="nofollow">订单状态说明</a></li>
                    <li><a href="//help.ymatou.com/help_01_1.html" target="_blank" rel="nofollow">自动取消订单</a></li>
                    <li><a href="//help.ymatou.com/help_07.html" target="_blank" rel="nofollow">上传身份证</a></li>
                </ul>
                <ul class="dl">
                    <li class="dt">支付与配送</li>
                    <li><a href="//help.ymatou.com/help_06.html" target="_blank" rel="nofollow">支付方式</a></li>
                    <li><a href="//help.ymatou.com/help_16.html" target="_blank" rel="nofollow">优惠券和红包</a></li>
                    <li><a href="//help.ymatou.com/help_06.html" target="_blank" rel="nofollow">如何提现</a></li>
                    <li><a href="//help.ymatou.com/help_07.html" target="_blank" rel="nofollow">配送方式</a></li>
                </ul>
                <ul class="dl">
                    <li class="dt">售后服务</li>
                    <li><a href="//help.ymatou.com/help_15.html" target="_blank">消费维权</a></li>
                    <li><a href="//help.ymatou.com/help_16.html" target="_blank">纠纷处理规则</a></li>
                    <li><a href="//help.ymatou.com/help_17.html" target="_blank">退货规则</a></li>
                </ul>
                <div class="dl last">
                    <div class="dt">官方微信</div>
                    <p>
                        <img src="//static.ymatou.com/content/images/weixin2d-new.png" class="img">
                    </p>
                    <span class="weibobox">
                                    <a href="http://weibo.com/ymatou2011" target="_blank">关注微博</a>
                                    <a href="http://weibo.com/ymatou2011" target="_blank"><span class="ico-weibo-png"></span></a>
                    </span>
                </div>
            </div>
            <div class="matou-intro">
                <a href="//about.ymatou.com/" target="_blank" rel="nofollow">关于码头</a>
                <a href="//about.ymatou.com/zhaopin.html" target="_blank" rel="nofollow">码头招聘</a>
                <a href="//www.ymatou.com/sellerhome/sitemap/index" target="_blank">网站地图</a>
                <a href="//help.ymatou.com/index.html" target="_blank" rel="nofollow">所有帮助</a>
                <a href="//staticontent.ymatou.com/html/merchant/index.html" target="_blank" rel="nofollow">海外招商中心</a>
                <a href="//staticontent.ymatou.com/html/ms_rule/" target="_blank" rel="nofollow">扫货买手规则</a>
                <a class="last" href="//help.ymatou.com/qa_02.html" target="_blank" rel="nofollow">卖家常见问题</a>
            </div>
            <ul class="matou-link">
                <a href="http://www.55bbs.com/" target="_blank">55bbs我爱购物网</a>
                <a href="http://www.liba.com/" target="_blank">篱笆网</a>
                <a href="http://www.kimiss.com/" target="_blank">闺蜜网</a>
                <a href="http://www.mplife.com/" target="_blank">名品导购网</a>
                <a href="http://www.rayli.com.cn/" target="_blank">瑞丽女性网</a>
                <a href="http://www.qidian.com/" target="_blank">起点中文网</a>
                <a href="http://www.qdmm.com/" target="_blank">起点女生网</a>
                <a href="http://www.ku6.com/" target="_blank">酷6网</a>
                <a href="http://fanli.tpy100.com/" target="_blank">太平洋返利网</a>
                <a href="/forum-discount" target="_blank">海外折扣拼团</a>
                <a href="http://www.handuyishe.com" target="_blank">韩都衣舍</a>
                <a href="http://www.jianianle.com" target="_blank">嘉年乐</a>
                <a href="http://www.homevv.com" target="_blank">为为网购商城</a>
                <a href="http://www.tcsw.cn/" target="_blank">同城购物网</a>
                <a href="http://www.jia.com/" target="_blank">齐家网</a>
                <a href="http://www.easy361.com/" target="_blank">网上商城</a>
                <a href="http://www.lipin-bj.cn/" target="_blank">礼品公司</a>
                <a href="http://www.rayedu.com.cn/" target="_blank">留学服务中心</a>
                <a href="https://giftpi.com" target="_blank">礼派</a>
                <a href="http://www.kyp.com" target="_blank">快易拍</a>
                <a href="http://www.binlun.com.cn" target="_blank">手表</a>
                <a href="http://www.kadang.com/" target="_blank">卡当创意礼物</a>
                <a href="http://www.wsqsgo.com/" target="_blank">户外装备</a>
                <a href="http://woyaozhan.com/" target="_blank">母婴展</a>
                <a href="http://www.weicaifu.com/" target="_blank">微财富理财</a>
                <a href="//help.ymatou.com/links_01.html" target="_blank" class="bo">更多&gt;&gt;</a>
            </ul>
            <div class="friendLinks">
                <a id="___szfw_logo___" href="https://credit.szfw.org/CX20150828011121560680.html" target="_blank" class="linkitem icon-kexin" rel="nofollow"></a>
                <a class="linkitem icon-chengxin" target="_blank" rel="nofollow" href="http://www.ectrustprc.org.cn/certificate.id/certificateb.php?id=20042484"></a>
                <span class="linkitem icon-zhifubao" title="支付宝特约商户"></span>
                <a class="linkitem icon-wangjing" href="http://www.zx110.org/" target="_blank" rel="nofollow"></a>
                <a class="linkitem icon-gongshang3" href="http://scjgj.sh.gov.cn/platform/survey/step1_phone" target="_blank" rel="nofollow"></a>
            </div>
            <div id="copywrite" class="copywrite copyright">
                © 2009－2019 ymatou.com, All rights reserved 增值电信业务经营许可证：沪B2-20140021
                <font color="white">17 </font>
                <br><a href="http://www.beian.miit.gov.cn" target="_blank">上海洋码头网络技术有限公司  版权所有 备案号（ 沪ICP备11050082号 ）</a>
                <br>上海市静安区江场三路93号13层
            </div>
            <div class="friendLinks2">
                <div class="friendLinks" style="float: left;width: 66px;">
                    <a class="linkitem icon-gongshang" target="_blank" href="http://www.sgs.gov.cn/lz/licenseLink.do?method=licenceView&amp;entyId=20111031111726664" rel="nofollow"></a>
                </div>
                <a class="beian-banner" target="_blank" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=31010802001410"><i class="beian"></i><p class="beian-txt">沪公网安备 31010802001410号</p></a>
                <span class="split">|</span>
                <span class="link-item">违法不良信息举报电话：021-80185223</span>
                <span class="split">|</span>
                <a class="link-item" href="http://www.shjbzx.cn/" target="_blank">
                    <span class="jbzxIcon"></span>
                    <span>上海市互联网上海市互联网举报中心</span>
                </a>
            </div>
        </div>
    </div>
</body>
<script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.js"></script>
<script src="https://cdn.bootcss.com/jquery-cookie/1.4.1/jquery.cookie.js"></script>
<script src="../scripts/modules/shopcarts.js"></script>
<script src="../scripts/freelogin.js"></script>
<script>
    let lazyImg = ""
    var page = 1;
    var productList = $(".product-list");
    var def = $.ajax({
        type: "get",
        url: "https://www.ymatou.com/guess/api/getGuessLikeProducts",
        dataType: "jsonp",
        data: {
            callback: "jQuery112406315122115631657_" + Date.now(),
            pageIndex: page,
            pageSize: 20,
            _: Date.now(),
        }
    });
    def.then(function(res) {
        let cache = res.result.Products;
        let html = render(cache); // 懒加载
        productList.html(html);
    })

    function render(list) {
        let html = "";
        for (let i = 0; i < 20; i++) {
            html += `
                    <li class="product-item">
                        <a sub_module_name="product_card" title="${list[i].Title}" href="productInfo.html?${list[i].MinPrice}&${list[i].ProductId}" module_index="" target="_blank" class="product-img">
                            <img class="lazy" alt="${list[i].Title}" src="${list[i].MainPic}">   
                        </a>
                        <a href="productInfo.html?${list[i].MinPrice}&${list[i].ProductId}" target="_blank" title="${list[i].Title}"><p class="name lineClamp2">${list[i].Title}</p></a>
                        <p class="price"><em class="unit">¥</em>${list[i].MinPrice}</p>
                    </li>
            `;
        }
        return html;
    }
</script>

</html>